<template>
	<view class="container">
		<!-- <view :style="'height:'+statusbarH+'px'"></view> -->
		<!-- <nav-ber :title="'任务广场'" :bgColor="'#f7f8ff'"></nav-ber> -->
		<!-- <view class="u-search-flex">
			<u-icon @click="gotoproFun" name="map-fill" color="#2979ff"></u-icon>
			<span @click="gotoproFun" class="addr_font">北京</span>
			<u-search placeholder="搜索任务名称" v-model="keyword" :showAction="false" shape="round"></u-search>
		</view> -->
		<!-- <nav-ber :title="'我的代表'" :bgColor="'#f7f8ff'"></nav-ber> -->
	  <web-view :src="pdfUrl"></web-view>
	</view>
</template>
<script>
	
	export default {
		data() {
			return {
				statusbarH: '',
				pdfUrl: ''
			}
		},
		// status: this.status,
		// year: this.year,
		// month: this.month
	 onLoad(option) {
		 this.pdfUrl = 'https://mkt.zjkqjt.com/lookPdf?pdfUrl=' + option.url
		 console.log('this.pdfUrl', this.pdfUrl)
	 },
		mounted() {
			// uni.getSystemInfo({
			// 		success:(e)=> {
			// 		this.statusbarH = e.statusBarHeight;
			// 	}
			// })
		},
	}
</script>
<style lang="scss" scoped>
	.sea_pad {
		padding: 0 30rpx;
		box-sizing: border-box;
	}

	.container {
		background-color: #f7f8ff;
		// background-color: #fff;
		display: flex;
		flex-direction: column;
		height: 100vh;
		overflow: hidden;
	}

	.province {
		flex: 1;
		overflow: scroll;
		padding: 0 20rpx;
		margin-top: 20rpx;
	}

	.pro_list {
		padding: 20rpx 50rpx;
		box-sizing: border-box;
	}

	.pro_list_is {
		background-color: #f7f8ff;
		color: #2979ff;
		position: relative;
	}

	.pro_list_is::before {
		content: '';
		display: block;
		width: 10rpx;
		height: 50rpx;
		background-color: #2979ff;
		position: absolute;
		left: -20rpx;
	}

	.u-search-flex {
		display: flex;
		align-items: center;
		padding: 20rpx;
		box-sizing: border-box;
	}

	.addr_font {
		color: gray;
		font-size: 25rpx;
		margin: 0 10rpx;
		margin-right: 20rpx;
	}

	.chat_left {
		margin-left: 20rpx;
	}

	.items_box {
		background-color: #fff;
		padding: 20rpx;
		border-radius: 20rpx;
		margin-bottom: 20rpx;

		.time_flex {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			font-size: 24rpx;
			color: gray;

			.mar_20 {
				margin: 15rpx 0;
			}
		}

		.font_w {
			font-weight: 900;
			font-size: 30rpx;
			color: #111;
			display: flex;
			justify-content: space-between;

			span:last-child {
				margin-left: 40rpx;
			}
		}

		.custom-style {
			width: 200rpx;
			border-radius: 100rpx;
			margin: 0;
			overflow: hidden;
		}
	}
	.button_flex {
		display: flex;
		align-items: center;
		.custom-style {
			width: 130rpx;
			margin: 0;
			border-radius: 100rpx;
			overflow: hidden;
		}
	}
	#font_color {
		font-weight: 100;
		color: gray;
		font-size: 24rpx;
	}
	.flex_t {
		display: flex;
		flex-wrap: wrap;
	}
	.flex_t_item {
		width: 150rpx;
		text-align: center;
		padding: 20rpx 0rpx;
		border: 1px solid #2979ff;
		margin-right: 40rpx;
		margin-top: 20rpx;
		color: #2979ff;
		font-size: 26rpx;
		box-sizing: border-box;
	}
	.flex_t_item_b {
		width: 150rpx;
		text-align: center;
		padding: 20rpx 0rpx;
		margin-right: 40rpx;
		margin-top: 20rpx;
		background-color: #f7f7f7;
		font-size: 26rpx;
		box-sizing: border-box;
	}
	.comi {
		padding: 10rpx 120rpx;
		background-color: #2979ff;
		color: white;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 10rpx;
	}
</style>
